<section class="sectionBg" [ngStyle]="tagData.style|styleFilter">
  <p class="title" *ngIf="tagData.data.title" [ngStyle]="tagData.data.titleCssStyle|styleFilter">{{tagData.data.title}}
  </p>

  <div class="ai-body">
    <div class="ai-img-bg" [ngStyle]="tagData.data.ai_body?.imgCssStyle|styleFilter"
      appDebounceClick (debounceClick)="goPage($event,tagData.data.ai_body)">
      <img class="ai-img" src="assets/fw/ai-001.jpg" alt="">
      <img class="ai-img-mark" src="assets/fw/ai-002.jpg" alt="">
    </div>
    <div class="right-box">
      <span class="first-span" *ngIf="tagData.data.ai_body?.title"
        [ngStyle]="tagData.data.ai_body?.titleCssStyle|styleFilter">{{tagData.data.ai_body?.title}}</span>
      <span class="second-span" *ngIf="tagData.data.ai_body?.describe"
        [ngStyle]="tagData.data.ai_body?.describeCssStyle|styleFilter">{{tagData.data.ai_body?.describe}}</span>
      <span class="third-span" *ngIf="tagData.data.ai_body?.wait"
        [ngStyle]="tagData.data.ai_body?.waitCssStyle|styleFilter"><img *ngIf="tagData.data.ai_body?.waitIcon"
          [src]="tagData.data.ai_body?.waitIcon" onerror="this.src='assets/fw/zx_icon_time@3x.png'" class="wait-icon"
          [ngStyle]="tagData.data.body?.waitIconCssStyle|styleFilter" />{{tagData.data.ai_body?.wait}}</span>
      <span class="fourth-span" *ngIf="tagData.data.ai_body?.link" appDebounceClick (debounceClick)="goPage($event,tagData.data.ai_body)"
        [ngStyle]="tagData.data.ai_body?.link.cssStyle|styleFilter">{{tagData.data.ai_body?.link.label}}</span>
    </div>
  </div>

  <div class="ai-body">

    <img src="assets/fw/diy.gif" onerror="this.src='assets/img/375x250@2x.png'" class="img"
      [ngStyle]="tagData.data.diy_body?.imgCssStyle|styleFilter" appDebounceClick (debounceClick)="goPage($event,tagData.data.diy_body)" />
    <!-- <div class="img">
        
        <img src="assets/fw/diy01.png" class="img1" alt="">
        <img src="assets/fw/diy02.png" class="img2" alt="">
        <img src="assets/fw/diy03.png" class="img3" alt="">
        <img src="assets/fw/diy04.png" class="img4" alt="">
        <img src="assets/fw/diy05.png" class="img5" alt="">
      </div> -->
    <div class="right-box">
      <span class="first-span" *ngIf="tagData.data.diy_body?.title"
        [ngStyle]="tagData.data.diy_body?.titleCssStyle|styleFilter">{{tagData.data.diy_body?.title}}</span>
      <span class="second-span" *ngIf="tagData.data.diy_body?.describe"
        [ngStyle]="tagData.data.diy_body?.describeCssStyle|styleFilter">{{tagData.data.diy_body?.describe}}</span>
      <span class="third-span" *ngIf="tagData.data.diy_body?.wait"
        [ngStyle]="tagData.data.diy_body?.waitCssStyle|styleFilter"><img *ngIf="tagData.data.diy_body?.waitIcon"
          [src]="tagData.data.diy_body?.waitIcon" onerror="this.src='assets/fw/zx_icon_com@3x.png'" class="wait-icon"
          [ngStyle]="tagData.data.body?.waitIconCssStyle|styleFilter" />{{tagData.data.diy_body?.wait}}</span>
      <span class="fourth-span" *ngIf="tagData.data.diy_body?.link" appDebounceClick (debounceClick)="goPage($event,tagData.data.diy_body)"
        [ngStyle]="tagData.data.diy_body?.link.cssStyle|styleFilter">{{tagData.data.diy_body?.link.label}}</span>
    </div>


  </div>


</section>